<template>
  <div>
    <router-view/>
    <tabBar :items="list"/>
  </div>
</template>
<script>
import tabBar from './components/tabBar'
export default {
  components:{
    tabBar
  },
  data(){
    return {
      list:[
        {
          title:"首页",
          icon:require('./assets/a.png'),
          icon_active:require('./assets/a1.png')
        },

        {
          title:"分类",
          icon:require('./assets/b.png'),
          icon_active:require('./assets/b1.png')
        },

        {
          title:"购物车",
          icon:require('./assets/c.png'),
          icon_active:require('./assets/c1.png')
        },

        {
          title:"我的",
          icon:require('./assets/d.png'),
          icon_active:require('./assets/d1.png')
        },
      ]
    }
  }
}
</script>

<style>
  *{
    margin: 0;
    padding: 0;
  }
</style>